
@function remp($canshu){
	@return ($canshu/75px)*1rem;
}



.wrap-all{
	/*width: 14rem;
	margin: 0 auto;*/
	padding-top: remp(86px);
	padding-bottom: remp(125px);
}

.navpart{
	height: remp(86px);
	background-color: #FDFDFD;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
	.city-part{
		float: left;
		margin-left: remp(20px);
		margin-top: remp(20px);
		span{
			font-size: remp(30px);
		}
	}
	.search-part{
		padding-left: remp(150px);
		a{
			margin-top: remp(14px);
			display: block;
			width: 95%;
			height: remp(60px);
			background-color: #F2F2F2;
			border-radius: remp(40px);
			line-height: remp(60px);
			text-align: center;
			background-image: url(../img/search.png);
			background-repeat: no-repeat;
			background-size: remp(30px) remp(30px);
			background-position: 20% center;
			font-size: remp(25px);
		}
	}
}

.carousel-part{
	.swiper-container{
		
	}
	img{
		width: 100%;
		height: auto;
	}
	.swiper-pagination{
		span{
			background-color: #fff;
			width: remp(15px);
			height: remp(15px);
		}
	}
}

.allsell-part{
	padding-top: remp(20px);
	padding-bottom : remp(20px);
	
	ul{
		li{

			float: left;
			width: 20%;
			text-align: center;
			a{}
			img{
				width: remp(64px);
				height: remp(64px);
			}
			span{
				display: block;
				font-size: remp(25px);
			}
		}
	}
	.allsel-part-bot{
		padding-left: remp(12px);
		margin-top: remp(30px);
		a{
			float: left;
			width: 23%;
			text-align: center;
			margin-right: 2%;
			background-color: #F2F2F2;
			height: remp(80px);
			border-radius: remp(10px);
			line-height: remp(80px);
			&.m-r{
				margin-right: 0px;
			}
		}
		img{
			width: remp(40px);
			height: remp(40px);
			margin-top: remp(20px);
		}
		span{
			vertical-align: top;
			font-size: remp(25px);
		}
	}
}

.main-part{
	background-color: #F0F0F0;
	padding-top: remp(30px);
	padding-bottom: remp(30px);
}
.main-part-tt{
	background-color: #fff;
	padding: remp(20px) 0px;
	padding-left: remp(20px);
	h4{
		font-size: remp(30px);
		font-weight: 600;
	}
}
.main-part-bd{
	background-color: #fff;
	padding: 0px remp(20px);
	.movie-item{
		border-bottom: 1px solid #000;
		padding-top: remp(20px);
		padding-bottom: remp(20px);
		&:last-child{
			border-bottom: 0px;
		}
		a{}
		.movie-pic{
			float: left;
			img{
				width: remp(178px);
				height: remp(240px);
			}
		}
		.movie-mess{
			float: left;
			margin-left: remp(30px);
			.movie-mess-p1{
				font-size: remp(30px);
				margin-bottom: remp(20px);
				width: remp(500px);
			}
			.movie-mess-p2{
				font-size: remp(22px);
				color: #999;
				margin-top: remp(5px);
			}
			.movie-mess-p3{
				color: #ff7919;
				font-size: remp(30px);
				margin-top: remp(40px);
				i{	
					font-size: remp(25px);
					font-style: normal;
				}
			}
		}
	}
}

.more-all{
	width: remp(230px);
	height: remp(80px);
	line-height: remp(80px);
	background-color: #fff;
	text-align: center;
	margin: 0 auto;
	margin-top: remp(50px);
	a{
		font-size: remp(23px);
	}
}

.footpart{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: remp(20px) 0px;
	background-color: #FDFDFD;
	z-index: 100;
	height: remp(125px);
	a{
		display: block;
		float: left;
		width: 33%;
		text-align: center;
		span{
			display: inline-block;
			width: remp(50px);
			height: remp(50px);
			background-image: url(../img/wuzi.png);
			background-repeat: no-repeat;
			background-size: remp(50px) remp(100px);
			background-position: 0px 0px;
		}
		p{}
	}
}



